/************************************************************ UI CORE ************************************************************/
/* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Component containers
----------------------------------*/
/* .ui-widget { font-family: segoe ui, Arial, sans-serif;  } */
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: segoe ui, Arial, sans-serif; font-size: 1em; }
/* .ui-widget-header { border: 1px solid #59584f; background: #3b3b35 url(/css/theme/images/ui-bg_inset-soft_22_3b3b35_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } */
.ui-widget-header a { color: #ffffff; }
/* .ui-widget-content { border: 1px solid #aaaaaa; background: #f0efea url(/css/theme/images/ui-bg_highlight-soft_100_f0efea_1x100.png) 50% top repeat-x; color: #222222; } */
.ui-widget-content a { /* color: #222222; */ }

/************************************************************ UI TABS ************************************************************/
    /* Caution! Ensure accessibility in print and other media types... */
    @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
    display: none;
    }
    }
    
    /* Hide useless elements in print layouts... */
    @media print {
    .ui-tabs-nav {
    display: none;
    }
    }
    /* Skin */
    .ui-tabs-nav, .ui-tabs-panel {
    z-index:11;
    }
    .ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
    }
    .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
    }
    .ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
    list-style:none;
    }
    .ui-tabs-nav a, .ui-tabs-nav a span {
     color: #454545; 
    
    display: block;
    padding: 0 10px;
    background: url(/img/tab.png) no-repeat;
    }
    .ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */
    outline: 0; /* prevent dotted border in Firefox */
    
    }
    .ui-tabs-nav .ui-tabs-selected a {
    
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
    }
    .ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
    }
    *>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
    
    }
    .ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
    color:#000000;
    }
    .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
    }
    .ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
    }
    .ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
    }
    .ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
    }
    .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
    }
    .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
    .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
    back
    }
    .ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
    background:red;
    }
    .ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: .5em 3px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
    }
    .ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
    }
    
    /* Additional IE specific bug fixes... */
    * html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
    }
    *:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
    }



/************************************************************ Lightbox ************************************************************/
    /**
     * jQuery lightBox plugin
     * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
     * and adapted to me for use like a plugin from jQuery.
     * @name jquery-lightbox-0.4.css
     * @author Leandro Vieira Pinho - http://leandrovieira.com
     * @version 0.4
     * @date November 17, 2007
     * @category jQuery plugin
     * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
     * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
     * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
     */
    #jquery-overlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
    }
    #jquery-lightbox {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
    }
    #jquery-lightbox a img { border: none; }
    #lightbox-container-image-box {
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
    }
    #lightbox-container-image { padding: 10px; }
    #lightbox-loading {
        position: absolute;
        top: 40%;
        left: 50%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
    }
    #lightbox-nav {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
    }
    #lightbox-container-image-box > #lightbox-nav { left: 0; }
    #lightbox-nav a { outline: none;}
    #lightbox-nav-btnPrev, #lightbox-nav-btnNext {
        width: 49%;
        height: 100%;
        zoom: 1;
        display: block;
    }
    #lightbox-nav-btnPrev { 
        left: 0; 
        float: left;
    }
    #lightbox-nav-btnNext { 
        right: 0; 
        float: right;
    }
    #lightbox-container-image-data-box {
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        overflow: auto;
        width: 100%;
        padding: 0 10px 0;
    }
    #lightbox-container-image-data {
        padding: 0 10px; 
        color: #666; 
    }
    #lightbox-container-image-data #lightbox-image-details { 
        width: 70%; 
        float: left; 
        text-align: left; 
    }   
    #lightbox-image-details-caption { font-weight: bold; }
    #lightbox-image-details-currentNumber {
        display: block; 
        clear: left; 
        padding-bottom: 1.0em;  
    }           
    #lightbox-secNav-btnClose {
        width: 66px; 
        float: right;
        padding-bottom: 0.7em;  
    }
    
 
 
 /********************************************************** BOXY ***********************************************************/
 
    .boxy-wrapper { position: absolute; overflow:auto; }
.boxy-wrapper.fixed { position: fixed; overflow:auto; }

  /* Modal */
  .boxy-modal-blackout { position: absolute; background-color: black; opacity: 0.7; filter: alpha(opacity=70); left: 0; top: 0; }
  /* .boxy-modal-blackout { position: absolute; left: 0; top: 0; } */
  
  /* Border */

    .boxy-wrapper .top-left,
    .boxy-wrapper .top-right,
    .boxy-wrapper .bottom-right,
    .boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
    
    .boxy-wrapper .top-left { background: url('/img/boxy-nw.png'); }
    .boxy-wrapper .top-right { background: url('/img/boxy-ne.png'); }
    .boxy-wrapper .bottom-right { background: url('/img/boxy-se.png'); }
    .boxy-wrapper .bottom-left { background: url('/img/boxy-sw.png'); }
    
    /* IE6 hacks for the border */
    * html .boxy-wrapper .top-left { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/boxy-nw.png'); }
    * html .boxy-wrapper .top-right { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/boxy-ne.png'); }
    * html .boxy-wrapper .bottom-right { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/boxy-se.png'); }
    * html .boxy-wrapper .bottom-left { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/boxy-sw.png'); }
    
    .boxy-wrapper .top,
    .boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
    
    .boxy-wrapper .left,
    .boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
    
    /* Title bar */
    
    .boxy-wrapper .title-bar { background-color: black; padding: 6px; position: relative; color:white; font-weight:bold; text-align:left; font-size:12px; }
      .boxy-wrapper .title-bar.dragging { cursor: move; }
        .boxy-wrapper .title-bar h2 { font-size: 16px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
        .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
        
    /* Content Region */
    
    .boxy-inner { background-color: white; padding: 0; overflow:auto;
    -moz-box-shadow: 0px 0px 200px black;
    -webkit-box-shadow: 0px 0px 200px black;
    box-shadow: 0px 0px 200px black;
 }
    .boxy-content { padding: 15px; width:600px; overflow:auto;}
    .boxy-content * { font-size:12px;}
    
    /* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }
    
    
    /* Date Selector */
    
table.jCalendar {
    border: 1px solid #000;
    background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
    background: #333;
    color: #fff;
    font-weight: bold;
    padding: 3px 5px;
}

table.jCalendar td {
    background: #ccc;
    color: #000;
    padding: 3px 5px;
    text-align: center;
}
table.jCalendar td.other-month {
    background: #ddd;
    color: #aaa;
}
table.jCalendar td.today {
    background: #666;
    color: #fff;
}
table.jCalendar td.selected {
    background: #f66;
    color: #fff;
}
table.jCalendar td.selected.dp-hover {
    background: #f33;
    color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
    background: #fff;
    color: #000;
}
table.jCalendar tr.selectedWeek td {
    background: #f66;
    color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
    background: #bbb;
    color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
    background: #bbb;
    color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
    position: relative;
    background: #ccc;
    font-size: 10px;
    font-family: arial, sans-serif;
    padding: 2px;
    width: 171px;
    line-height: 1.2em;
}
div#dp-popup {
    position: absolute;
    z-index: 2500;
}
div.dp-popup h2 {
    font-size: 12px;
    text-align: center;
    margin: 2px 0;
    padding: 0;
}
a#dp-close {
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
    display: block;
}
a#dp-close:hover {
    text-decoration: underline;
}
div.dp-popup a {
    color: #000;
    text-decoration: none;
    padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
    position: absolute;
    top: 2px;
    left: 4px;
    width: 100px;
}
div.dp-popup div.dp-nav-prev a {
    float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
    cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
    cursor: default;
}
div.dp-popup div.dp-nav-next {
    position: absolute;
    top: 2px;
    right: 4px;
    width: 100px;
}
div.dp-popup div.dp-nav-next a {
    float: right;
}
div.dp-popup a.disabled {
    cursor: default;
    color: #aaa;
}
div.dp-popup td {
    cursor: pointer;
}
div.dp-popup td.disabled {
    cursor: default;
}
a.dp-choose-date {
    float: left;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 5px 3px 0;
    display: inline;
    text-indent: -2000px;
    overflow: hidden;
    background: url(/img/icons/calendar.gif) no-repeat; 
}
a.dp-choose-date.dp-disabled {
    background-position: 0 -20px;
    cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
    width: 140px;
    float: left;
}

/* for the date picker */
div.datepicker {
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 196px;
    height: 147px;
    position: absolute;
    cursor: default;
    top: 0;
    left: 0;
    display: none;
	z-index:2000;
}
.datepickerContainer {
    background: #121212;
    position: absolute;
    top: 10px;
    left: 10px;
}
.datepickerBorderT {
    position: absolute;
    left: 10px;
    top: 0;
    right: 10px;
    height: 10px;
    background: url(/img/datepicker/datepicker_t.png);
}
.datepickerBorderB {
    position: absolute;
    left: 10px;
    bottom: 0;
    right: 10px;
    height: 10px;
    background: url(/img/datepicker/datepicker_b.png);
}
.datepickerBorderL {
    position: absolute;
    left: 0;
    bottom: 10px;
    top: 10px;
    width: 10px;
    background: url(/img/datepicker/datepicker_l.png);
}
.datepickerBorderR {
    position: absolute;
    right: 0;
    bottom: 10px;
    top: 10px;
    width: 10px;
    background: url(/img/datepicker/datepicker_r.png);
}
.datepickerBorderTL {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    background: url(/img/datepicker/datepicker_tl.png);
}
.datepickerBorderTR {
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 10px;
    background: url(/img/datepicker/datepicker_tr.png);
}
.datepickerBorderBL {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 10px;
    height: 10px;
    background: url(/img/datepicker/datepicker_bl.png);
}
.datepickerBorderBR {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 10px;
    height: 10px;
    background: url(/img/datepicker/datepicker_br.png);
}
.datepickerHidden {
    display: none;
}
div.datepicker table {
    border-collapse:collapse;
}
div.datepicker a {
    color: #eee;
    text-decoration: none;
    cursor: default;
    outline: none;
}
div.datepicker table td {
    text-align: right;
    padding: 0;
    margin: 0;
}
div.datepicker th {
    text-align: center;
    color: #999;
    font-weight: normal;
}
div.datepicker tbody th {
    text-align: left;
}
div.datepicker tbody a {
    display: block;
}
.datepickerDays a {
    width: 20px;
    line-height: 16px;
    height: 16px;
    padding-right: 2px;
}
.datepickerYears a,
.datepickerMonths a{
    width: 44px;
    line-height: 36px;
    height: 36px;
    text-align: center;
}
td.datepickerNotInMonth a {
    color: #666;
}
tbody.datepickerDays td.datepickerSelected{
    background: #136A9F;
}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
    background: #17384d;
}
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{
    background: #17384d;
}
div.datepicker a:hover,
div.datepicker a:hover {
    color: #88c5eb;
}
div.datepicker td.datepickerNotInMonth a:hover {
    color: #999;
}
div.datepicker tbody th {
    text-align: left;
}
.datepickerSpace div {
    width: 20px;
}
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
    text-align: center;
    height: 20px;
    line-height: 20px;
}
.datepickerGoNext a {
    float: right;
    width: 20px;
}
.datepickerGoPrev a {
    float: left;
    width: 20px;
}
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
    display: none;
}
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
    display: none;
}
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
    display: none;
}
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a{
    color: #333;
}
td.datepickerDisabled a:hover {
    color: #333;
}
td.datepickerSpecial a {
    background: #700;
}
td.datepickerSpecial.datepickerSelected a {
    background: #a00;
}